<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
 <head>

	<meta charset="UTF-8">

	<title>凯盛项目管理系统</title>

	<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css" />

	<script type="text/javascript" src="js/jquery.min.js"></script>

	<script type="text/javascript" src="js/bootstrap.min.js"></script>
	
	<style type="text/css">
		.caret{height:7px;}
	</style>

</head>

<body class="body">
	<%@ include file="nav.jsp" %>

	<div class="container">

	  <div class="row">

		<div class="span3">

			<div style="padding: 8px 0;" class="well">

				<ul class="nav nav-list">

				  <li class="nav-header">${employeeproject_in_session.project.name }</li>
				  <li class="divider"></li>
				   <li><a href="project.jspx?_m=showProject&projectid=${employeeproject_in_session.projectid }"><i class="icon-white icon-home"></i>最新动态</a></li>

				  <li class="active"><a href="goal.jspx"><i class="icon-flag"></i>目标</a></li>

				  <li><a href="document.jspx"><i class="icon-folder-open"></i>资料库</a></li>

				  <li><a href="folder.jspx"><i class="icon-file"></i>文件共享</a></li>

				  <li><a href="contact.jspx"><i class="icon-user"></i>联系人</a></li>

				  <li><a href="idea.jspx"><i class="icon-fire"></i>想法</a></li>
				  
				  <li><a href="#"><i class="icon-warning-sign"></i>Bug</a></li>
				  
				  <li><a href="#"><i class="icon-cog"></i>项目设置</a></li>

				</ul>

			</div>

		</div>

		<div class="span9">
			<div class="btn-group" style="float:right">

          		<a class="btn" href="#"><i class="icon-cog"></i>操作</a>

          		<a class="btn dropdown-toggle" data-toggle="dropdown" href="#"><span class="caret"></span></a>

          		<ul class="dropdown-menu">

            		<li><a href="goal.jspx?_m=new"><i class="icon-plus"></i>添加新目标</a></li>

            		<li><a href="goal.jspx?_m=toTask"><i class="icon-zoom-in"></i>浏览所有任务</a></li>

          		</ul>

        	</div>
			<div class="clear"></div>
			<c:forEach items="${sessionScope.goalList }" var="goal">
				<ul class="breadcrumb" style="margin-bottom:0px;border-radius: 3px 3px 0 0;margin-top:15px">

				<li class="active">

					<a href="goal.jspx?_m=toTask&id=${goal.id }"><i class="icon-th"></i>${goal.name }</a>

				</li>

				<li style="float:right"><i class="icon-edit"></i><a href="goal.jspx?_m=edit&id=${goal.id }" class="link-black">编辑</a></li>

				</ul>

				<div class="wall">
	
					<p>${goal.desc }</p>
					
					<c:choose>
							<c:when test="${goal.rate != 100}">
							<div class="progress progress-danger">
								<div class="bar" style="width: ${goal.rate}%;">
								<c:if test="${goal.rate != 0}" var="f">已完成 ${goal.rate}%</c:if>
								</div>
							</div>
							</c:when>
							<c:when test="${goal.rate == 100}">
							<div class="progress progress-success">
								<div class="bar" style="width: ${goal.rate}%;">
								<c:if test="${goal.rate != 0}" var="f">已完成 ${goal.rate}%</c:if>
								</div>
							</div>
							</c:when>
						</c:choose>
				</div>
			</c:forEach>
			
		</div>

	  </div>

	</div>

</body>

</html>
